:deep(.van-tabs__line) {
  display: none;
}

.lpzy {
  // width: 335px;
  width: 89%;
  padding: 10px;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  // margin: 10px 10px 10px 10px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: rgb(245, 239, 239);
  border-radius: 10px;
  position: relative;
}
.van-overlay{
  z-index: 999!important;
}
.tcbgHeader {

  width: 100%;

  .tcbg {
    width: 100%;
    position: fixed;
    height: 81%;
    overflow-y: scroll;
    bottom: 0;
    padding: 10px 13px;
    text-align: left;
    // background-image: url(../../assets/img/detailedVersion/tcbg.png);
    background-image: url(../../assets/img/detailedVersion/tcbg2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index:999;

    .gbimg {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-end;

      img {
        width: 20px;
        height: 20px;
      }
    }

    .toptitle{
      display: flex;
      justify-content: space-between;
      .hs2 {
        flex: 1;
        margin: 5px 0;
        font-size: 20px;
        font-weight: 600;
        color: #0F2133;
      }
      .hs22{
        flex: 1;
        // text-align: right;
        width:72px;
        height: 72px;
        margin-left: 20px;
        img{
          width: 72px;
          height: 72px;
          margin-left: 50%;
        }
      }
    }

    .hs4 {
      margin: 7px 0;
      font-size: 13px;
      font-weight: 600;
      color: #102234;
    }

    .hs6 {
      font-size: 12px;
      font-weight: 400;
      color: #828e99;
    }

    .botm {
      font-size: 12px;
      margin-top: 10px;
      padding: 7px 10px;
      border-radius: 10px;
      margin-bottom: 30px;
      color: #12181F;
      background-color: #f3f9ff;
      border: 1px solid #c1dffd;
    }
    .buttonStyle{
        width: 100%;
        height: 78px;
        display: flex;
        position: fixed;
        align-items: center;
        background: #FFFFFF;
        justify-content: center;
        z-index:100;
        bottom: 0;
        div {
          width: 45%;
          height: 43px;
          font-size: 17px;
          color: #FFFFFF;
          line-height: 43px;
          border-radius: 19px;
          text-align: center;
          background: linear-gradient(#44A1FD 0%, #2792FC 48%, #298BF0 100%);
          box-shadow: 0px 2 4px 0px rgba(0, 101, 204, 0.1), 0px 1 2px 0px rgba(144, 206, 246, 0.5);
        }
    }
  }
}

.table_d {
  border-radius: 10px;
  background: linear-gradient(to bottom, #529eec, #53a4f5);

  tr {
    height: 43px;
    color: #ffffff;

    th {
      border: none !important;
    }

    th:last-child {
      border-top-right-radius: 10px;
    }

    th:first-child {
      border-top-left-radius: 10px;
    }
  }
}

.table_t {
  width: 1000px;
  margin-top: 10px;
  border-bottom: 1px solid #DEDEDE  !important;
  

  th {
    // border-top: 1px solid #000000;
    // border-left: 1px solid #000000;
  }

  td {
    // border-top: 1px solid #000000;
    // border-left: 1px solid #000000;
    // border-right: 1px solid #000;
  }

  td:last-child {
    border-right: 1px solid #000000;
  }

  .tbh {
    span:nth-child(1) {
      font-size: 17px;
    }

    span:nth-child(2) {
      font-size: 13px;
    }
  }

  .table_tr {
    td:last-child {
      border-right: 1px solid #000000;
    }
    .aRowspan {
      opacity: 0;
    }
    .a0{
      opacity: 1 !important;
    }
    .a1{
      display: none;
    }
    .a2{
      display: none;
    }
    .a3{
      display: none;
    }
    .a4{
      display: none;
    }
    .a5{
      display: none;
    }
    .a6{
      display: none;
    }
    .a7{
      display: none;
    }
    .a8{
      display: none;
    }
    .a9{
      display: none;
    }
    .a10{
      display: none;
    }
    .a11{
      display: none;
    }
    .a12{
      display: none;
    }
    .a13{
      display: none;
    }
    .a14{
      display: none;
    }
    .a15{
      display: none;
    }
    .a16{
      display: none;
    }
    .a17{
      display: none;
    }
    .a18{
      display: none;
    }
    .a19{
      display: none;
    }
    .a20{
      display: none;
    }
    .a21{
      display: none;
    }
    .a22{
      display: none;
    }
    .a23{
      display: none;
    }
    .a24{
      display: none;
    }
    .a25{
      display: none;
    }
    .a26{
      display: none;
    }
    .a27{
      display: none;
    }
    .a28{
      display: none;
    }
    .a29{
      display: none;
    }
    .a30{
      display: none;
    }
    .a31{
      display: none;
    }
    .a32{
      display: none;
    }
    .a33{
      display: none;
    }
    .a34{
      display: none;
    }
    .a35{
      display: none;
    }
    .a36{
      display: none;
    }
    .a37{
      display: none;
    }
    .a38{
      display: none;
    }
    .a39{
      display: none;
    }
    .a40{
      display: none;
    }

  //   [class^=a] {
  //     display: none;
  //   }
  // .a0{
  //       display:block;
  //       opacity: 1 !important;
  //     }


  //   .a(@n, @i: 1) when (@i <= @n) {
  //     .a@{i} {
  //       display: none;
  //     }
  //   }
  //  .a(30);
  //   .a0 {
  //     opacity: 1 !important;
  //   }
  }
}

.table_bwl {
  min-width: 700px !important;
  width: 100%;
}
.table_tt {
  width: 1300px !important;
  
}

.table_ttt {
    min-width: 100% !important;
    width: auto!important;

    .z {
      font-size: 13px;
      color: #3296FA;
      font-weight: bold;
      width: 80px !important;
    }
}
// 修改
tbody {
  font-size: 13px;
  tr {
    &:nth-child(2n + 1) {
      td {
        background-color: #fff;
        
      }
      .bbNo{
        margin-top: -1px;
        border-bottom: 1px solid #DEDEDE;
      }
      .bbrTb {
        background-color: #fff;
        border-top: 1px solid #198AFA ;
        border-bottom: 1px solid #198AFA ;
        .table_trBRo {
          background-color: rgba(226, 228, 230, 1)!important;
        }
      }

      .table_trBRz {
        background-color: rgba(226, 228, 230, .4)!important;
        div{
          font-size:12px;
          color:#595959;
          line-height:30px;
          }
          
      }
    }

    &:nth-child(2n + 2) {
      td {
        background-color: #EFF7FF  !important;
      }
      .bbNo{
        margin-top: -1px;
        border-bottom: 1px solid #DEDEDE;
      }
      .bbrTb {
        background-color: RGBA(242, 249, 255, 1);
        border-bottom: 1px solid #198AFA ;
        border-top: 1px solid #198AFA ;
        .table_trBRo {
          background-color: RGBA(187, 223, 253, 1) !important;
        }
      }
      .table_trBRz {
        background-color: RGBA(226, 240, 255, 1) !important;
        div{
          font-size:12px;
          color:#595959;
          line-height:30px;
          }
      }
    }
  }
}

table {
  margin: 0;
  padding: 0;
  border-spacing: 0;
  border-collapse: separate;

  tbody {
    tr {
      &:nth-child(2n + 1) {
        td {
          // background-color: transparent;
        background-color: #fff;
        }
      }

      &:nth-child(2n + 2) {
        td {
          background-color: #d9ecff;
        }
      }
    }
  }
}
.lightColour{
  tr {
    &:nth-child(2n + 2) {
      td {
        background-color: #d9ecff !important;
      }
    }
  }
}
.wxts {
  margin-top: 90px;
  // height: 220px;
  width: 100vw;
  padding: 10px;
  font-size: 12px;
  text-align: left;
  background-color: rgb(245, 239, 239);
  border-radius: 15px;
  position: relative;
}

.wxtsImg {
  width: 60px;
  position: absolute;
  top: -20px;
  left: 0px;
}

.wxts2 {
  // width: 331px;
  width: 95%;
  padding: 10px;
  font-size: 12px;
  text-align: left;
  background-color: rgb(245, 239, 239);
  border-radius: 10px;
  margin: 0 auto;
  margin-top: 25px;
  position: relative;
}

.wxtsImg2 {
  width: 60px;
  position: absolute;
  top: -20px;
  left: 0px;
}

.wxts3 {
  // width: 335px;
  width: 95%;
  padding: 10px;
  font-size: 12px;
  text-align: left;
  margin: 0 auto;
  margin-top: 27px;
  margin-bottom: 5px;
  background-color: rgb(245, 239, 239);
  border-radius: 10px;
  position: relative;
  font-weight: normal;
}

.wxts4 {
  // width: 335px;
  width: 89%;
  padding: 10px;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  margin: 0 auto;
  margin-top: 27px;
  margin-bottom: 10px;
  background-color: rgb(245, 239, 239);
  border-radius: 10px;
  position: relative;
}

.wxtsImg3 {
  width: 60px;
  position: absolute;
  top: -20px;
  left: 0px;
}

.wxts5 {
  // width: 335px;
  width: 89%;
  padding: 10px;
  font-size: 12px;
  position: relative;
  font-weight: normal;
  text-align: left;
  background-color: rgb(245, 239, 239);
  border-radius: 10px;
  margin: 0 auto;
  margin-top: 27px;
}

.wxtsImg5 {
  width: 60px;
  position: absolute;
  top: -20px;
  left: 0px;
}

.wxts6 {
  // width: 335px;
  width: 89%;
  padding: 10px;
  font-size: 12px;
  text-align: left;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 10px;
  background-color: rgb(245, 239, 239);
  border-radius: 10px;
  font-weight: normal;
  position: relative;
}

.wxtsImg6 {
  width: 60px;
  position: absolute;
  top: -20px;
  left: 0px;
}

.wxts7 {
  // width: 335px;
  width: 89%;
  padding: 10px;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  // margin: 1px 10px 10px 10px;
  margin: 0 auto;
  background-color: rgb(245, 239, 239);
  border-radius: 10px;
  position: relative;
}

.wxtsf {
  margin-top: 10px;
}

.xbReport {
  // background: url(../../assets/img/detailedVersion/xbbj.png);
  background: url(../../assets/img/detailedVersion/noTextBg.png);
}

.jbReport {
  // background: url(../../assets/img/detailedVersion/jbbj.png);
  background: url(../../assets/img/detailedVersion/noTextBg.png);
}

.bxz {
  display: flex;

  .bxz_t {
    width: 45%;
    border-right: 1px solid #000000;

    div {
      width: 100%;
      height: 30px;
      border-bottom: 1px solid #DEDEDE  !important;
    }

    div:last-child {
      border: none !important;
    }
  }

  .bxz_b {
    width: 55%;
    display: flex;
    font-size: 13px;
    align-items: center;
  }
}

.page {
  width: 100vw;
  overflow: hidden;
  // margin-top: -24px;
  .navBarJst {
    width: 100%;
    height: 88px;
    display: flex;
    position: fixed;
    align-items:flex-end;
    padding-bottom: 10px;
    background-color: rgb(255, 255, 255);
    z-index: 999;

    img {
      width: 20px;
      height: 20px;
      margin-left: 10px;
    }

    div {
      width: calc(100% - 70px);
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
  .navBar {
    width: 100%;
    height: 48px;
    display: flex;
    position: fixed;
    align-items: center;
    background-color: rgb(255, 255, 255);
    z-index: 999;

    img {
      width: 20px;
      height: 20px;
      margin-left: 10px;
    }

    div {
      width: calc(100% - 70px);
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
  .contentJst {
    padding-top: 55px!important;
  }
  .content {
    // width: 100%;
    min-height: 730px;
    padding-bottom: 100px;
    padding-top: 20px;
    // background: url(../../assets/img/detailedVersion/bbj.png);
    // background-size: 100% 100%;
    // background-repeat: no-repeat;
    background-color: rgba(188, 225, 250, 1);

    .content_top {
      position: relative;
      width: 100%;
      height: 80px;
      display: flex;
      align-items: center;
      margin-top: 20px;
      padding-top: 50px;
      // background: url(../../assets/img/detailedVersion/jsbg.png);
      background: url(../../assets/img/detailedVersion/jsbgText2.png);
      background-size: 100% 100%;
      background-repeat: no-repeat;

      .imgOne {
        width: 126px;
        height: 30px;
        margin-left: 5%;
        margin-top: -50px;
      }

      .imgTwo {
        width: 43px;
        height: 25px;
        margin-left: 8px;
        margin-top: -50px;
      }

      .imgThree {
        position: absolute;
        width: 132px;
        height: 92px;
        margin-top: 30px;
        right: 5%;
      }
      .riqi{
        position: absolute;
        right: 0;
        top: 10px;
        font-size: 12px;
        color:#FFF;
        margin-right: 6px;
      }
    }
    .content_one{
      width: 95%;
      margin: 0 auto;
      &_name{
        height: 40px;
        line-height: 40px;
        font-size: 17px;
        color: #ffffff;
        background: url(../../assets/img/detailedVersion/1.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;

      }
      &_bottom{
        background: url(../../assets/img/detailedVersion/2.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding-bottom: 12px;
        transform: translateY(-1px);
        &_two{
          color: #ffffff;
          text-align: center;
          // text-indent: 19px;
          .b {
            font-size: 13px;
          }
          .b1 {
            font-size: 17px;
          }
        }
        &_two:nth-child(2){
          margin-top: 10px;
         
        }
        &_div{
          width: 94%;
          margin: 0 auto;
          height: auto;
          margin-top: 7px;
          padding-bottom: 10px;
          overflow: hidden;
          border-radius: 10px;
          background: #ffffff;
          .smTop {
            display: flex;
            flex-wrap: wrap;
  
            .sbottom_top {
              opacity: 0.8;
              // width: 163px;
              width: 48%;
              height: 81px;
              margin: 0 auto;
              border-radius: 7px;
              background: #eff7ff;
              margin-top: 8px;
  
              .sbotop_a {
                width: 100%;
                display: flex;
                margin-top: 13px;
                align-items: center;
                justify-content: center;
  
                .font {
                  font-size: 27px;
                  color: #ff9926;
                }
  
                .unt {
                  top: 5px;
                  font-size: 13px;
                  color: #ff9926;
                  position: relative;
                }
              }
  
              .sbotop_b {
                font-size: 13px;
                color: #222222;
              }
            }
            @media (min-width: 700px) {
                .sbottom_top{
                 width: 23%;
                 .sbotop_a {
                   .font {
                     font-size: 19px;
                   }
                   .unt {
                     font-size: 12px;
                   }
                 }
                }
            }
          }
        }
      }
    }





















    .content_comb {
      // width: 355px;
      width: 94%;
      margin: 0 auto;
      // margin-top: 137px;
      margin-top: 24px;
      // min-height: 310px;
      padding-bottom: 17px;
      font-weight: bold;
      border-radius: 10px;
      background: #ffffff;

      .combTop {
        width: 100%;
        display: flex;
        position: relative;
        justify-content: center;

        img {
          width: 221px;
          height: 44px;
        }

        div {
          top: 5px;
          font-size: 20px;
          color: #eff7ff;
          font-weight: bold;
          position: absolute;
        }
      }

      .combCen {
        color: #1d80bf;
        margin-top: 7px;

        span:nth-child(1) {
          font-size: 17px;
        }

        span:nth-child(2) {
          font-size: 13px;
          margin-left: 3px;
        }
      }

      .memorandum {

        //    width: 100%;
        //    overflow: auto;
        .table_tit {
          font-size: 19px;
          margin-top: 17px;
          color: #1d80bf;
        }

        .comc_table1 {
          // width: 335px;
          width: 89%;
          margin: 0 auto;
          overflow: auto;

          .tdDiv {
            width: 100%;
            height: 30px;
            border-bottom: 1px solid #DEDEDE  !important;
          }

          .tdDiv:last-child {
            border: none !important;
          }

          .table_t {
            width: 1000px;
            border-bottom: 1px solid #DEDEDE  !important;

            th {
              border-top: 1px solid #000000;
              border-left: 1px solid #000000;
            }

            td {
              border-top: 1px solid #000000;
              border-left: 1px solid #000000;
            }

            .tbh {
              span:nth-child(1) {
                font-size: 17px;
              }

              span:nth-child(2) {
                font-size: 13px;
              }
            }

            .table_tr {
              td:last-child {
                border-right: 1px solid #000000;
              }
            }
          }

          .table_d {
            font-size: 14px;
            border-radius: 10px;
            background: linear-gradient(to bottom, #529eec, #53a4f5);

            tr {
              height: 43px;
              color: #ffffff;

              th {
                border: none !important;
              }

              th:last-child {
                border-top-right-radius: 10px;
              }

              th:first-child {
                border-top-left-radius: 10px;
              }
            }
          }
        }
      }
    }

    .content_comc {
      // width: 355px;
      width: 94%;
      margin: 0 auto;
      margin-top: 17px;
      min-height: 270px;
      font-weight: bold;
      border-radius: 10px;
      background: #ffffff;

      .combTop {
        width: 100%;
        display: flex;
        position: relative;
        justify-content: center;

        img {
          width: 221px;
          height: 44px;
        }

        div {
          top: 5px;
          font-size: 19px;
          color: #eff7ff;
          font-weight: bold;
          position: absolute;
        }
      }

      .combCen {
        color: #1d80bf;
        margin-top: 13px;

        span:nth-child(1) {
          font-size: 17px;
        }

        span:nth-child(2) {
          font-size: 13px;
          margin-left: 3px;
        }
      }

      .combCen1 {
        // width: 335px;
        width: 89%;
        height: 43px;
        display: flex;
        padding: 0 13px;
        font-size: 15px;
        color: #FFFFFF;
        margin: 0 auto;
        align-items: center;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        justify-content: space-between;
        background: linear-gradient(to bottom, #529eec, #53a4f5);
        // background: url(../../assets/img/detailedVersion/b.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;

        img {
          width: 17px;
          height: 17px;
        }
      }
      
      .comc_table {
        // width: 335px;
        width: 89%;
        margin: 0 auto;
        .tdDiv {
          width: 100%;
          height: 30px;
          border-bottom: 1px solid #DEDEDE  !important;
        }

        .tdDiv:last-child {
          border: none !important;
        }

        .table_tit {
          font-size: 19px;
          margin-top: 17px;
          color: #1d80bf;

          span:last-child {
            font-size: 13px;
          }
        }

        .table_t {
          width: 100%;
          margin-top: 10px;
          min-height: 100px;
          border-bottom: 1px solid #DEDEDE  !important;

          th {
            border-top: 1px solid #000000;
            border-left: 1px solid #000000;
          }

          td {
            border-top: 1px solid #000000;
            border-left: 1px solid #000000;
          }

          .tbh {
            span:nth-child(1) {
              font-size: 17px;
            }

            span:nth-child(2) {
              font-size: 13px;
            }
          }

          .table_tr {
            td:last-child {
              border-right: 1px solid #000000;
            }
          }
        }

        .table_d {
          font-size: 14px;
          border-radius: 10px;
          background: linear-gradient(to bottom, #529eec, #53a4f5);

          tr {
            height: 43px;
            color: #ffffff;

            th {
              border: none !important;
            }

            th:last-child {
              border-top-right-radius: 10px;
            }

            th:first-child {
              border-top-left-radius: 10px;
            }
          }
        }
      }

      .memorandum {

        //    width: 100%;
        //    overflow: auto;
        .table_tit {
          font-size: 19px;
          margin-top: 17px;
          color: #1d80bf;

          span:last-child {
            font-size: 13px;
          }
        }

        .comc_table1 {
          // width: 335px;
          width: 89%;
          margin: 0 auto;
          overflow: auto;

          .tdDiv {
            width: 100%;
            height: 30px;
            border-bottom: 1px solid #DEDEDE  !important;
          }

          .tdDiv:last-child {
            border: none !important;
          }

          .table_t {
            width: 700px;
            min-height: 100px;
            border-bottom: 1px solid #000000;

            th {
              border-top: 1px solid #000000;
              border-left: 1px solid #000000;
            }

            td {
              border-top: 1px solid #000000;
              border-left: 1px solid #000000;
            }

            .tbh {
              span:nth-child(1) {
                font-size: 17px;
              }

              span:nth-child(2) {
                font-size: 13px;
              }
            }

            .table_tr {
              td:last-child {
                border-right: 1px solid #000000;
              }
            }
            //现价权益解读 表格的日期给最小宽度
            .table_tr_data {
              td:nth-child(5),td:nth-child(6) {
                width: 80px !important;
              }
            }
            //保单受益人列表 表格的日期给最小宽度
            .table_tr_data_two {
              td:nth-child(7),td:nth-child(8) {
                width: 80px !important;
              }
            }
          }
          .table_Wl {
            width: 100% !important;
          }

          .table_d {
            font-size: 14px;
            border-radius: 10px;
            background: linear-gradient(to bottom, #529eec, #53a4f5);

            tr {
              height: 43px;
              color: #ffffff;

              th {
                border: none !important;
              }

              th:last-child {
                border-top-right-radius: 10px;
              }

              th:first-child {
                border-top-left-radius: 10px;
              }
            }
          }
        }

        .tableEchart {
          // width: 335px;
          width: 89%;
          height: 80%;
          margin: 0 auto;

          .pieLine {
            width: 100%;
            height: 100%;
          }
        }
      }
    }

    .content_comcz {
      position: relative;

      .comcz_zy {
        font-size: 19px;
        margin-top: 10px;
        color: #1d80bf;
      }

      .comce_yb {
        // width: 335px;
        width: 89%;
        padding: 10px;
        // height: 43px;
        text-align: left;
        color: #ffffff;
        font-size: 14px;
        margin: 0 auto;
        margin-top: 17px;

        font-size: 14px;
        // line-height: 43px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background: linear-gradient(to bottom, #529eec, #53a4f5);

      }

      .comc_text {
        width: 100%;
        display: flex;
        justify-content: center;

        tbody {
          width: 89%;
        }
      }

      .comc_text tr:nth-child(2n + 1) {
        // background-color: transparent;
        background-color: #fff;
      }

      .comc_text tr:nth-child(2n + 2) {
        background-color: #d9ecff;
        width: 100%;
        margin: 0 auot;
      }

      .comc_text tr {
        // width: 335px;
        width: 100%;
        display: flex;
        padding: 10px 0;
        text-align: left;
        margin: 0 auto;

        div:nth-child(1) {
          font-size: 13px;
          color: #1d80bf;
          margin-left: 7px;
        }

        div:nth-child(2) {
          font-size: 13px;
          color: #222223;
          margin-left: 3px;
        }
      }
    }

    .pieChartView {
      // width: 335px;
      width: 89%;
      height: 158px;
      margin: 0 auto;
      margin-top: 10px;
      border-radius: 10px;
      background: #f8f9fa;

      .pieChart {
        // padding:20px 0;
        width: 100%;
        height: 100%;
      }
    }

    .pieChartView1 {
      // width: 335px;
      // height: 285px;
      margin-top: 10px;

      // border-radius: 10px;
      // background: #f8f9fa;
      .barChart {
        width: 100%;
        height: 100%;
      }
    }
  }

  .yearDetail {
    // width: 117px;
    width: 31%;
  }

  // .read{
  //   font-size: 12px;
  //   color: rgb(19, 50, 205);
  // }
}

.text-wrapper_17 {
  background-color: rgba(253, 219, 193, 0.2);
  border-radius: 12px;
  border: 1px solid rgba(253, 219, 193, 1);
}

.text_60 {
  overflow-wrap: break-word;
  color: rgba(34, 34, 34, 1);
  font-size: 24px;
  font-family: PingFang-SC-Regular;
  font-weight: normal;
  text-align: justify;
  white-space: nowrap;
  line-height: 36px;
}

.bottomnPecton {
  bottom: 0;
  width: 100%;
  height: 78px;
  display: flex;
  position: fixed;
  align-items: center;
  background: #FFFFFF;
  justify-content: center;
  z-index:100;

  div {
    // width: 170px;
    width: 45%;
    height: 43px;
    font-size: 17px;
    color: #FFFFFF;
    line-height: 43px;
    border-radius: 19px;
    background: linear-gradient(#44A1FD 0%, #2792FC 48%, #298BF0 100%);
    box-shadow: 0px 2 4px 0px rgba(0, 101, 204, 0.1), 0px 1 2px 0px rgba(144, 206, 246, 0.5);
  }

  div:last-child {
    margin-left: 2%;
  }
}
:deep(.van-tabs__nav--card){
  width: 25%;
  min-width: 150px;
  float: left;
  margin-left: 12px;
  border-radius: 14px;
  border-color: rgba(25, 138, 250, 1);
  .van-tab--card:nth-of-type(1){
    color:#000000;
    border-radius: 14px 0 0 14px;
  }
  .van-tab--card:nth-of-type(2){
    color:#000000;
    border-radius:  0 14px 14px  0 ;
  }
  .van-tab--active{
    color:rgba(25, 138, 250, 1) !important;
    background-color: rgba(209, 232, 254, 1);
  }
}
.margin_top_twenty{
  margin-top: 20px
}
.margin_top_ten{
  margin-top: 10px
}
.overflow_x{
  overflow-x: scroll;
}
.overflow_margin{
  overflow-x: scroll; 
  margin-top: 0;
}
.margin_top_zero{
  margin-top: 0;
}
.margin_top_rem{
  margin-top: 1rem
}
.border_radius_zero{
  border-radius: 0;
  border-top-left-radius: 0 !important;
  th {
    border-top-left-radius: 0 !important;
  }
}
.blue_size{
  color: blue;
  font-size: 0.75rem;
}
.rgb_size{
  color: rgba(6, 6, 6,0.8);
	font-size: 0.75rem;
}
.height_thirty{
  height: 30px
}
.width_margin{
  width: 98%;
   margin-bottom: 2rem;
}
.width_eleven{
  width: 1200px !important;
}
.width_ten{
  width: 1000px  !important;
}
.text_indent_one{
  text-indent: 1em;
}
.td_Style{
  color: #222222;
  padding: 5px;
  font-size: 12px;
  font-weight: 500;
}
.td_Style_span{
  color: #1d80bf; 
  margin-right: 1px;
}
.td_Style_two{
  color: #1d80bf;
  padding: 5px;
  width: 21%;
  font-size: 13px;
}
.td_Style_td{
  color: #222222;
  padding: 5px;
  font-size: 12px;
  width: 88%;
  font-weight: 500;
}
.baodanhao{
  width: 85px !important;
}
// 表格固定首列所需样式开始
// 表格固定首列暂时不做 1.0.16  241012
.fixedFirstNeighbor{
  // border-left: none !important;
}
.fixedFirst{
  // position: sticky;  
  // left: 0;  
  // z-index: 10; /* 确保固定列在其他内容之上 */  
  // border-right: 1px solid #000;
}
.fixedHeader{
  // background-color: #54a2ef;
}
// 表格固定首列所需样式结束
.virtualLine{
  width: 100%;
  height: 2px;
  // background-color: pink;
  background: transparent;
  position: fixed;
  top: 400px;
  z-index: 999;
}

 
.animate-size {
  animation: streamer 2s linear infinite;
}
@keyframes streamer {
  0%{
      transform: scale(1);
  }
  20%{
      transform: scale(0.8);
  }
  40%{
      transform: scale(1);
  }
  60%{
      transform: scale(1.2);
  }
  80%{
      transform: scale(1);
  }
  
}
.content_comcbbxrBwl{
  padding-bottom: 30px!important;
  .comc_tablebbxr {
    .table_d {
      .bbxrTh {
        width: 30%;
      }
    }
  }
  .table_trBR {
    .table_trBRo {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      padding: 7px 0;
      border-bottom: 1px solid #DEDEDE  !important;
      div {
        width: 100%;
        border-bottom: 1px solid #DEDEDE  !important;
      }
      div:last-child {
        border-bottom: none;
      }
      img {
        width: 20px;
        height: 20px;
      }
    }
    .table_trBRo:last-child{
      border-bottom: none;
    }
  }
}
// 价值解读
.content_comcbbxrJz{
  padding-bottom: 30px!important;
  .comc_tablebbxr {
    .table_dbbxr {
      .bbxrTh {
        width: 20%;
      }
    }
  }
.table_trbbr {
  img {
    width: 30px;
    height: 30px;
    margin-left: 13%;
  }
}
  .table_trBR {
    .table_trBRo {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 70px;
      border-bottom: 1px solid #DEDEDE  !important;
    }
    .table_trBRzactive {
      background: rgba(25,138,250,.4);
      color: #222222;
    }
    .table_trBRz {
      height: 230px;
      overflow: hidden;
      font-size: 12px;
      border-bottom: 1px solid #DEDEDE  !important;
      div {
        padding: 5px 0;
        border-bottom: 1px solid #DEDEDE  !important;
      }
      div:last-child {
        border-bottom: none!important;
      }
    }
  }
}
.fixedFirstNeighbor {
  div {
    padding: 7px 0;
    // border-bottom: 1px solid #000000;
    // border-bottom: 1px solid #DEDEDE  !important;
  }
  div:last-child {
    border-bottom: none  !important;
  }
}
.wxts4 {
  div {
    font-size: 14px;
    color: #222222;
    font-weight: bold;
    margin-bottom: 3px;
  }
}
.twentyImg {
  width: 20px !important;
  height: 20px !important;
  margin-top: 4px;
}

// 新增修改
// 修改
.content_comcbbxr{
  .table_t {
    width: 100%;
    margin-top: 10px;
    min-height: 100px;
    border-bottom: none!important;

    th {
      border-top: none!important;
      border-left: none!important;
    }

    td {
      border-top: none!important;
      border-left: none!important;
      // border-top: 1px solid #000000;
      // border-left: 1px solid #000000;
    }

    .table_tr {
      td:first-child{
        border-left: 1.5px solid rgba(222, 222, 222, 1)!important;
        border-right: 1.5px solid rgba(222, 222, 222, 1)!important;
      }
      td {
        border-bottom: 1.5px solid rgba(222, 222, 222, 1)!important;
      }
      td:last-child {
        // border-left: 1.5px solid rgba(222, 222, 222, 1)!important;
        border-right: 1.5px solid rgba(222, 222, 222, 1)!important;
      }
    }
  }
  padding-bottom: 30px!important;
  .comc_tablebbxr {
    .table_dbbxr {
      .bbxrTh {
        width: 30%;
      }
    }
  }
  .table_trBR1 {
    .table_trDivzb {
      display: flex;
      min-height: 70px;
      // align-items: center;
      justify-content: center;
      flex-direction: column;
      // border-bottom: 1px solid #000000;
    }
    .table_trDivzb:last-child {
      border-bottom: none!important;
    }
    .table_trDivzb1 {
      // height: 180px;
      // background-color: rgb(163, 203, 243, 1)
    }
    img {
      width: 30px;
      height: 30px;
    }
}
.table_trbbr {
  img {
    width: 30px;
    height: 30px;
    margin-left: 13%;
  }
}
  .table_trBR {
    padding: 0;
    .table_trBRo {
      padding: 0;
      text-align: left;
      padding-left: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 70px;
      // background: linear-gradient( 180deg, #B3D5F8 0%, #BEE1FE 100%);
      // background: #B7DBFC;
      // background: linear-gradient( 180deg, rgba(82,158,256,.4) 0%, rgba(83,164,254,.4) 29%, rgba(90,169,244,.4) 50%, rgba(99,181,250,.4) 77%, rgba(112,191,251) 100%);
      // border-bottom: 1px solid #000000;
    }
    .table_trBRz {
      height: 110px;
      overflow: hidden;
      text-align: left;
      text-indent: 4px;
      // border-bottom: 1px solid #000000;
      // background-color: RGBA(226, 240, 255, 1) !important;
      div:last-child {
        border: none;
      }
      div:first-child {
        border-top: 1px solid rgba(255, 255, 255, 1);
      }
      div {
        padding-top: 2px;
        padding-bottom: 3px;
        border-bottom: 1px solid rgba(255, 255, 255, 1);
      }
    }
  }
}


.myflex{
  display: flex;
  min-height: 40px;
  div{
    font-size:12px;
    color:#595959;
    line-height:28px;
    text-align: left;
    margin: 4px;
  }
 
  div:first-child{
    flex: 40;
  }
  div:nth-child(2){
    flex: 30;
  }
  div:nth-child(3){
    flex:5;
  }
  .titleStyle{
    font-weight: 800;
    color: #222222;
    line-height: 24px;
    display: flex;
    align-items: center; /* 垂直居中 */
  }
}
.felx32{
  flex: 32;
}
.felx31{
  flex: 31;
}
.felx10{
  flex: 10;
}

// 修改
tbody {
  font-size: 13px;
  // font-weight: bold;
  tr {
    &:nth-child(2n + 1) {
      td {
        background-color: #fff;
        
      }
      .contentStyle{
        background-color: rgba(226, 228, 230, .4)!important;
        .myflex{
          border-bottom: 1px solid #D8D8D8!important
          // border-bottom: 1px solid #fff;
        }
        div:last-child{
          border: none !important;
        }
      }
      .expandstyle{
        background-color: rgba(226, 228, 230, 1)!important;
      }
      .expandBorder{
        border-top: 2px solid #9F9F9F  !important;
        border-bottom: 2px solid #9F9F9F  !important;
     }
     .expandBorderBottom{
        border-bottom: 2px solid #9F9F9F  !important;
     }
    }

    &:nth-child(2n + 2) {
      td {
        background-color: #EFF7FF  !important;
      }
      .contentStyle{
        background-color: #E2F0FF;
        .myflex{
          border-bottom: 1px solid #FFF;
        }
        div:last-child{
          border: none !important;
        }
      }
      .expandstyle{
        // background-color: RGBA(187, 223, 253, 1) !important;
          background-color: RGBA(187, 223, 253, 1) !important;
      }
      .expandBorder{
        border-top: 2px solid #198AFA  !important;
        border-bottom: 2px solid #198AFA  !important;
     }
     .expandBorderBottom{
        border-bottom: 2px solid #198AFA  !important;
     }
    }
  }
}
.showClick{
    border-bottom: 1px solid #DEDEDE ;
}
.showClick:last-child {
  border: none;
}


.jfTableStyle{
  td{
    border: 1px solid #DEDEDE  !important;
  }
  .jftdTitle{
    display: flex;
    min-height: 35px;
    line-height: 35px;
  }
  .imgStyle{
    float: right;
    margin-right: 20px;
  }

  tr {
    &:nth-child(2n + 1) {
      td {
        background-color: #fff;
      }
      .cntentTitle{
        background-color: #e2e4e6 !important;
      }
      .contentStyle{
        background-color: rgba(226, 228, 230, .4)!important;
        // border-bottom: 1px solid #fff;
        border-bottom: 1px solid #D8D8D8!important;
      
        div:nth-child(1){
          flex:30;
        }
        div:nth-child(2){
          flex: 45;
        }
        div:nth-child(3){
          flex: 25;
        }
      }
      .contentItem{
        background-color: rgba(226, 228, 230, .4)!important;
        div:nth-child(1){
          flex:30;
        }
        div:nth-child(2){
          flex: 50;
        }
        div:nth-child(3){
          flex: 20;
        }
    }
      .expandstyle{
        background-color: rgba(226, 228, 230, 1)!important;
      }
      .expandBorder{
        border-top: 2px solid #9F9F9F  !important;
        border-bottom: 2px solid #9F9F9F  !important;
     }
     .expandBorderBottom{
        border-bottom: 2px solid #9F9F9F  !important;
     }
    }
   

    &:nth-child(2n + 2) {
      td {
        background-color: #EFF7FF  !important;
      }
      .cntentTitle{
        background-color: #bbdffd !important;
      }
      .contentStyle{
        background-color: #E2F0FF !important;
        border-bottom: 1px solid #fff;
      
        div:nth-child(1){
          flex:30;
        }
        div:nth-child(2){
          flex: 45;
        }
        div:nth-child(3){
          flex: 25;
        }
      }
      .contentItem{
          background-color: #E2F0FF !important;
          div:nth-child(1){
            flex:30;
          }
          div:nth-child(2){
            flex: 50;
          }
          div:nth-child(3){
            flex: 20;
          }
      }
      .expandstyle{
        background-color: rgba(226, 228, 230, 1)!important;
      }
      .expandBorder{
        border-top: 2px solid #198AFA  !important;
        border-bottom: 2px solid #198AFA  !important;
      }
      .expandBorderBottom{
        border-bottom: 2px solid #198AFA  !important;
      }
    }
    
    
  }
}
.tableBorderColor{
  td{
    border: 1px solid #DEDEDE  !important;
    border-bottom: 1px solid #DEDEDE  !important;
  }
}
.specialTableThBorder{
  th{
    border-top-right-radius: 0 !important;
  }
}